草庐IT

Android Espresso listView 滚动到

全部标签

javascript - 复杂的连续滚动循环

我的代码类似于:结果总数取决于ajax查询,我一次性动态插入所有结果。div.main始终可见(固定高度)并且div.details在div.main下方“展开/折叠”,当用户点击resultdiv。详细信息div高度可以变化。如果#resultsscrollHeight大于#right-columnheight,我想创建一个连续滚动循环。在这种情况下,滚动到#result50将显示#result1,滚动到#result1之前将显示#result50。我不能.append()第一个child到底部,因为在某些情况下,可以在顶部和底部看到result的一部分专栏。我无法复制result除

javascript - 滚动到模态窗口内的元素

我有一个模式窗口,需要能够打开模式,然后将用户滚动到模式中的特定位置。我正在使用AJAX将模式内容获取到PHP脚本。例如mypage.php?loc=someid在PHP脚本中我有这个JS来做滚动:$(document).ready(function(){$('.modal-body').animate({scrollTop:$("#").offset().top},1000);});在PHP页面中是这样的一些HTML:我的内容加载正确,但发生的滚动量似乎与打开模式的链接有关,因此它实际上并没有在文档中找到div。我猜我的JS需要稍微调整一下。看来我需要能够计算元素距模态内容顶部的偏移

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - 键盘显示时 Ionic ion-content 不向下滚动 (Android)

我有一个带有登录表单的简单View。在Android上,如果键盘打开,内容不会向上滚动以防止它位于键盘后面。我按照文档中的键盘说明进行操作,并阅读了很多论坛帖子,但我还没有弄明白。我安装了键盘插件com.ionic.keyboard。这是页面的结构:.....Loginform.....如果我在页面中放置一些额外的虚拟内容,它表明ion-content确实是可滚动的。但是,当通过专注于输入打开键盘时,它不会向上移动。ionic版本?1.0.0-beta.13我的应用程序是全屏的吗?没有我是否测试过键盘插件是否正常工作?是的还有什么需要我做的吗? 最佳答案

javascript - masonry 网格连续循环滚动

所以我试图在包含砖石网格的页面上实现连续循环效果。基本上我有一个整页的砖石网格,我想在向上或向下滚动时循环。目前我有这个:var$grid=$('.grid').masonry({itemSelector:'.grid-item',columnWidth:'.grid-sizer',gutter:'.gutter-sizer',percentPosition:true,transitionDuration:0});$grid.imagesLoaded().progress(function(imgLoad,image){var$item=$(image.img);$item.addCl

javascript - 这个示例 AngularJS 无限滚动是如何工作的

我在搜索一些示例AngularJS脚本时找到了这个示例,但后来我似乎无法理解代码的Angular模块和指令部分。虽然我已经设法编辑loadMore()函数以从我的ReSTfulAPI检索json资源并且它与无限滚动一起工作得很好,但有人可以解释一下这是如何工作的,我真的很感激。在过去一周的业余时间里,我才刚刚开始阅读和尝试AngularJS...来自fiddle的原创(非常感谢原作者):http://jsfiddle.net/vojtajina/U7Bz9/functionMain($scope){$scope.items=[];varcounter=0;$scope.loadMore

javascript - 如何在onsen ui 应用程序列表中显示滚动条

我正在使用OnsenUi构建混合Phonegap应用。某些页面上有包含100个元素的列表。但是,滚动条没有显示。无论如何在页面上显示原生的滚动条?这是我使用的代码:{{hotel.name}}{{hotel.rateCurrencyCode+""+hotel.highRate}}MoreResults更新我试过这个ng-scrollbar,但它不起作用。当我滚动列表时,滚动条本身会向上滚动。 最佳答案 与OnsenUI捆绑在一起的onsenui.css文件使用以下代码隐藏滚动条:::-webkit-scrollbar{display

javascript - 返回历史记录时的 Sammy.js 缓存和滚动位置

我不知道是否还有人在使用Sammy.js,但我发现它非常适合我对轻量级路由和模板库的需求。如果有人有其他想法,请告诉我。我的问题是,当我有一个长页面并向下滚动时,单击此页面上的链接并返回,整个页面被重新加载(在Sammy中,调用GET路由)并跳转到顶部页面的。我的问题是:有没有办法让Sammy缓存页面并在返回历史记录时保持滚动位置?提前致谢。 最佳答案 您可以使用localStorage作为将url-scrolltop成对存储的替代方法。这样浏览器就会记住指定url的srolltop位置。varscroltop,url;$(wind

javascript - 绑定(bind)到鼠标滚轮的平滑水平滚动

这是一个使用鼠标滚轮水平滚动的工作示例,但滚动不流畅。我所说的平滑是指像Firefox或Opera中的普通垂直滚动。$(function(){$("html,body").mousewheel(function(event,delta){this.scrollLeft-=(delta*30);event.preventDefault();});});(http://brandonaaron.net/code/mousewheel/docs)我做了一个现场演示来演示这一点。http://jsfiddle.net/Dw4Aj/我希望这个滚动像垂直滚动一样工作,同时具有鼠标滚轮和平滑度。有人

javascript - 覆盖打开后如何防止 body 滚动?

我正在寻找一种方法来防止主体在打开覆盖“弹出部分”时滚动,并且只允许在“弹出部分”div上滚动。我正在寻找使用javascript的解决方案,但是,我对JS不是很有经验有人有什么建议吗?$('#toggle-menu').click(function(){$(this).toggleClass('active');$('.popup-section').toggleClass('open');$('html').toggleClass('open');});$('.popup-section').click(function(){$(this).toggleClass('active'